// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.
@import '../../../common/styles/colors.scss';
@import '../../../common/styles/fonts.scss';

.rule-details-group {
    :global(.rule-detail) {
        font-size: 14px;
        padding-top: 16px;
        padding-right: 8px;
        padding-bottom: 16px;
        padding-left: 8px;
        display: flex;
        align-items: baseline;
        text-align: left;

        :global(.outcome-chip) {
            vertical-align: middle;
            margin-bottom: 2px;
        }

        :global(.rule-details-id) {
            font-weight: $font-weight-semi-bold;
            color: $primary-text;
            word-break: break-all;

            a {
                font-weight: $font-weight-semi-bold;
                color: $primary-text !important;
            }

            strong {
                font-weight: $font-weight-semi-bold;
            }
        }

        :global(.rule-detail-description) {
            color: $secondary-text !important;
            word-break: break-all;
        }
    }
}

.collapsible-rule-details-group {
    box-shadow: 0 1px 0 rgb(0 0 0 / 8%);

    :global(.rule-detail) {
        box-shadow: unset;
    }

    &:global(:not(.collapsed)) {
        box-shadow: unset;
    }
}
